<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>会员转移申请</title>
    <link rel="stylesheet" href="http://itphy.com/cdn/layui/css/layui.css">
    <link rel="stylesheet" href="http://itphy.com/cdn/select2/css/select2.css">
    <style>
        .layui-input-block {
            margin-left: 250px;
        }
        .layui-form-label{
            width: 180px;
        }
        .select2-container .select2-selection--single{
            height: 38px;
            line-height: 1.3;
            background-color: #fff;
            border-radius: 2px;
            border: 1px solid #aaa;
        }
        .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 35px;
        }
        .layui-form-item .layui-input-inline {
            margin-left: 40px;
        }
    </style>
</head>
<body>
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
    <ul class="layui-tab-title">
        <li class="layui-this">会员转入</li>
        <li>会员转出</li>
    </ul>
    <div class="layui-tab-content" style="height: 100px;">
        <div class="layui-tab-item layui-show">
            <div class="layui-bg-gray" style="padding: 30px;">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md12">
                        <div class="layui-panel">
                            <div style="padding: 50px 30px;">
                                <div class="layui-row" style="width: 1000px">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">会员名称</label>
                                        <div class="layui-input-block">
                                            <select class="select2"></select>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">会员ID</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="title" lay-verify="title" autocomplete="off"
                                                   class="layui-input" readonly>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">会员原管理员</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="title" lay-verify="title" autocomplete="off"
                                                   class="layui-input" readonly>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">原管理员所属部门</label>
                                        <div class="layui-input-block">
                                            <select class="select2"></select>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">会员原管理员状态</label>
                                        <div class="layui-input-block">
                                            <select class="select2">
                                                <option>请选择</option>
                                                <option>在岗</option>
                                                <option>离职</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">会员转移原因</label>
                                        <div class="layui-input-block">
                                            <select class="select2">
                                                <option selected>请选择</option>
                                                <option value="">业务需求</option>
                                                <option value="">员工转岗</option>
                                                <option value="">员工离职</option>
                                                <option value="">其他</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="layui-form-item layui-form-text">
                                        <label class="layui-form-label">备注</label>
                                        <div class="layui-input-block">
                                            <textarea class="layui-textarea"></textarea>
                                        </div>
                                    </div>

                                    <div class="layui-form-item layui-form-text" style="color: red">
                                        <label class="layui-input-block">
                                            提醒：请提前和会员原管理员沟通，避免流程被驳回
                                        </label>
                                    </div>

                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn layui-btn-normal">返回</button>
                                            <button type="submit" class="layui-btn">立即提交</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-tab-item">
            <div class="layui-bg-gray" style="padding: 30px;">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md12">
                        <div class="layui-panel">
                            <div style="padding: 50px 30px;">
                                <div class="layui-row" style="width: 1200px;">

                                    <div class="layui-form-item">
                                        <div class="layui-inline">
                                            <label class="layui-form-label">会员名称</label>
                                            <div class="layui-input-inline">
                                                <select class="select2"></select>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">会员ID</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="title" lay-verify="title" autocomplete="off"
                                                       class="layui-input" readonly>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <div class="layui-input-inline">
                                                <button class="layui-btn layui-btn-primary layui-border-blue">新增会员</button>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <div class="layui-inline">
                                            <label class="layui-form-label">会员名称</label>
                                            <div class="layui-input-inline">
                                                <select class="select2"></select>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">会员ID</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="title" lay-verify="title" autocomplete="off"
                                                       class="layui-input" readonly>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <div class="layui-input-inline">
                                                <button class="layui-btn layui-btn-primary layui-border-red">删除会员</button>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">会员转出接收人</label>
                                        <div class="layui-input-block">
                                            <select class="select2"></select>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">会员转移原因</label>
                                        <div class="layui-input-block">
                                            <select class="select2">
                                                <option selected>请选择</option>
                                                <option value="">业务需求</option>
                                                <option value="">员工转岗</option>
                                                <option value="">员工离职</option>
                                                <option value="">其他</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="layui-form-item layui-form-text">
                                        <label class="layui-form-label">备注</label>
                                        <div class="layui-input-block">
                                            <textarea class="layui-textarea"></textarea>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <div class="layui-inline">
                                            <label class="layui-form-label">申请人</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="title" lay-verify="title" autocomplete="off"
                                                       class="layui-input" readonly>
                                            </div>
                                        </div>
                                        <div class="layui-inline">
                                            <label class="layui-form-label">所属部门</label>
                                            <div class="layui-input-inline">
                                                <select class="select2"></select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn layui-btn-normal">返回</button>
                                            <button type="submit" class="layui-btn">立即提交</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script src="http://itphy.com/cdn/jquery/jquery.js"></script>
<script src="http://itphy.com/cdn/common/common.js"></script>
<script src="http://itphy.com/cdn/layui/layui.js"></script>
<script src="http://itphy.com/cdn/select2/js/select2.full.min.js"></script>
<script src="http://itphy.com/cdn/select2/js/i18n/ja.js"></script>

<script>
$(function (){
    $(".select2").select2({
        // language: {
        //     noResults: function(params) {
        //         return "暂无数据";
        //
        //     },
        // },
        width:"100%",
    })
})
</script>
</body>
</html>